
window.onload = function () {
    var index = 0;
    var allCircle = document.getElementsByClassName("circle");
    allCircle[index].style.backgroundColor = "white";
    var item = document.getElementById("item");
    /*点击圆点切换图片*/

    for (var i = 0; i < allCircle.length; i++) {
        //为每一个圆点添加一个num属性
        allCircle[i].num = i;
        //给圆点绑定单击响应函数
        allCircle[i].onclick = function () {
            //获取点击圆点的索引,并且将其设置为index
            index = this.num;
            //切换图片
            item.style.left = -20 * index + "rem";
            //修改正在选中的圆点的颜色，其他的恢复
            setC();
        };
    }
    //创建一个方法用来设置选中的圆点
    function setC() {
        for (var i = 0; i < allCircle.length; i++) {
            allCircle[i].style.backgroundColor = "";
        }
        allCircle[index].style.backgroundColor = "white";
    };

};
// 在iphone6 375宽度中  html是以20px作为基本单位
    (function () {
            function w() {
                var all = document.documentElement;  // 获取html元素
                var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
                console.log(123,test)
                if (test > 750) {
                    test = 750;
                }
                rem = test / 20;
                console.log(rem)
                all.style.fontSize = rem + 'px'
            }
            w();
            window.addEventListener("resize", function () {
                w()
            }, false)
        })();

